import { defineComponent, reactive } from "vue";
import "./statisticsListStyle.scss";
const StatisticsList = defineComponent({
  props: {
    statisticsList: {
      type: Array,
      default: [11, 22, 33, 44],
    },
  },
  setup(props) {
    const titleArr: string[] = reactive([
      "帖子总数",
      "已通过审核",
      "未通过审核",
      "待审核",
    ]);
    return () => (
      <div class="conSL">
        {props.statisticsList.map((item, index) => (
          <div class="SLItem">
            <div class="count">{item}</div>
            <div class="title">{titleArr[index]}</div>
          </div>
        ))}
      </div>
    );
  },
});
export default StatisticsList;
